<!--
* @FileDescription: 关联测点列表小弹框
* @Author: yuec621@outlook.com
* @Date: 2025-05-12 13:28:21
* @LastEditors: Please set LastEditors
* @LastEditTime: 2025-05-12 13:28:21
-->
<template>
    <div class="toolSelBox">
        <el-row :gutter="23">
            <el-col>
                <div class="connectPointDtoListBox" v-for="item in connectPointDtoList">
                    <span>
                        <svg-icon class="svgBox" :icon-class="item.show?'fuxuan-quanxuan':'fuxuan-moren'"
                            @click="connectPointClick(item)"  />关联测点</span>
                    <span style="margin-left: 10px;">{{ item.pointId }} {{ item.sensorName }}</span>
                </div>
            </el-col>
        </el-row>
    </div>
</template>
<script setup>
    import {
        computed,
        nextTick,
        onMounted,
        reactive,
        watchEffect
    } from 'vue';
    import axios from "@/utils/request"
    import {
        searchchannelNoList
    } from '@/api/config'
    import useUserStore from "@/store/modules/user";
    import dayjs from 'dayjs';
    import _ from 'lodash'
    import Sortable from 'sortablejs'
    const {
        proxy
    } = getCurrentInstance();
    const calendar = ref(null)
    const toolLeft = ref(null)
    const userStore = useUserStore();
    const emits = defineEmits([''])
    const props = defineProps({
        connectPointDtoList: {
            type: Array,
            default: () => {
                return []
            }
        }
    })
    // 重点
    const state = reactive({
        pointList:[]
    })

    function connectPointClick(item) {
        item.show = !item.show
        emits('connectPointClick',item)
    }
    onMounted(() => {})
</script>
<style lang="scss" scoped>
    .toolSelBox {
        min-width: 400px;
        padding: 12px 16px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.8);
        box-shadow: 0px 2px 20px rgba(91, 109, 128, 0.2);
        backdrop-filter: blur(20px);
        color: rgba(62, 70, 79, 1);
        font-size: 16px;

        .connectPointDtoListBox {
            display: flex;
            align-items: center;
            padding: 6px 0;

            .svgBox {
                cursor: pointer;
                margin-right: 6px;
            }
        }
    }
</style>